<template>
  <div>
    <!--content-->
    <BlogItem :blogList="blogList"/>
    <!--分页-->
    <Pagination :getBlogList="getBlogList" :totalPage="totalPage"/>
  </div>
</template>

<script setup>
import BlogItem from "./BlogItem.vue";
import Pagination from "./Pagination.vue";

const props = defineProps({
  // 响应选择页面事件
  getBlogList: {
    type: Function,
    required: true
  },
  // 博客展示列表
  blogList: {
    type: Array,
    required: true
  },
  // 总页数
  totalPage: {
    type: Number,
    required: true
  }
})

</script>
